<!DOCTYPE html>
<head>
  <title>Role Selector Engine Test Suite</title>
</head>
<body>
  <!-- 6. Explicit ARIA roles -->
  <section>
    <div role="alert">Alert</div>
    <div role="alertdialog">Alert Dialog</div>
    <div role="application">Application</div>
    <div role="article">Article</div>
    <div role="banner">Banner</div>
    <div role="blockquote">Blockquote</div>
    <div role="button">Button</div>
    <div role="caption">Caption</div>
    <div role="cell">Cell</div>
    <div role="checkbox">Checkbox</div>
    <div role="code">Code</div>
    <div role="columnheader">Column Header</div>
    <div role="combobox">Combobox</div>
    <div role="complementary">Complementary</div>
    <div role="contentinfo">Content Info</div>
    <div role="definition">Definition</div>
    <div role="deletion">Deletion</div>
    <div role="dialog">Dialog</div>
    <div role="directory">Directory</div>
    <div role="document">Document</div>
    <div role="emphasis">Emphasis</div>
    <div role="feed">Feed</div>
    <div role="figure">Figure</div>
    <div role="form">Form</div>
    <div role="generic">Generic</div>
    <div role="grid">Grid</div>
    <div role="gridcell">Grid Cell</div>
    <div role="group">Group</div>
    <div role="heading">Heading</div>
    <div role="img">Image</div>
    <div role="insertion">Insertion</div>
    <div role="link">Link</div>
    <div role="list">List</div>
    <div role="listbox">List Box</div>
    <div role="listitem">List Item</div>
    <div role="log">Log</div>
    <div role="main">Main</div>
    <div role="mark">Mark</div>
    <div role="marquee">Marquee</div>
    <div role="math">Math</div>
    <div role="meter">Meter</div>
    <div role="menu">Menu</div>
    <div role="menubar">Menu Bar</div>
    <div role="menuitem">Menu Item</div>
    <div role="menuitemcheckbox">Menu Item Checkbox</div>
    <div role="menuitemradio">Menu Item Radio</div>
    <div role="navigation">Navigation</div>
    <div role="note">Note</div>
    <div role="none">None</div>
    <div role="option">Option</div>
    <div role="paragraph">Paragraph</div>
    <div role="presentation">Presentation</div>
    <div role="progressbar">Progress Bar</div>
    <div role="radio">Radio</div>
    <div role="radiogroup">Radio Group</div>
    <div role="region">Region</div>
    <div role="row">Row</div>
    <div role="rowgroup">Row Group</div>
    <div role="rowheader">Row Header</div>
    <div role="scrollbar">Scroll Bar</div>
    <div role="search">Search</div>
    <div role="searchbox">Search Box</div>
    <div role="separator">Separator</div>
    <div role="slider">Slider</div>
    <div role="spinbutton">Spin Button</div>
    <div role="strong">Strong</div>
    <div role="subscript">Subscript</div>
    <div role="superscript">Superscript</div>
    <div role="status">Status</div>
    <div role="switch">Switch</div>
    <div role="tab">Tab</div>
    <div role="tablist">Tab List</div>
    <div role="tabpanel">Tab Panel</div>
    <div role="table">Table</div>
    <div role="term">Term</div>
    <div role="textbox">Text Box</div>
    <div role="time">Time</div>
    <div role="timer">Timer</div>
    <div role="toolbar">Toolbar</div>
    <div role="tooltip">Tooltip</div>
    <div role="tree">Tree</div>
    <div role="treegrid">Tree Grid</div>
    <div role="treeitem">Tree Item</div>
  </section>
</body>
</html>
